<template>
  <div class="">
    <!-- 电脑端banner -->
    <div class="pCBanner">
      <img src="../assets/images/banner2@2x.jpg">
      <div class="DetailTop">
        {{detail.title}}
      </div>
      <div class="DetailBot">
        发布时间：{{detail.addtime}}
      </div>

    </div>
    <!-- 电脑端banner结束 -->

    <div class="ZiXundetial">
      <!-- 详情内容开始 -->
      <div class="container">
        <p v-html="detail.content"></p>
      </div>
      <!-- 详情内容结束 -->
      <div class="ZiDeChahua">
        <img src="../assets/images/pic3@2x.png">
      </div>
      <div class="ZiDeChahua02">
        <img src="../assets/images/wuyan@2x.png">
      </div>

    </div>
  </div>
</template>

<script>
  import { newsinfo } from '@/api/utils.js'
  export default {
    name: '',
    components: {},
    props: [],
    data() {
      return {
        detail: {}
      }
    },
    computed: {},
    watch: {},
    created() {
      this.getnewsinfo(this.$route.query.id)
    },
    mounted() {},
    methods: {
      getnewsinfo(id) {
        var that = this,
        params = {
          id
        }
        newsinfo(params).then(res => {
          if (res.Code == 1) {
            this.detail = res.data
          }
        })
      },
    }
  }
</script>

<style lang="scss" scoped>
  @import url("../assets/css/basic.css");
  @import url("../assets/css/media.css");
</style>